@charset "UTF-8";
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none; }

.tip {
  background-color: #faf8fb;
  color: #908da1;
  height: 0.78125rem;
  line-height: 0.78125rem;
  text-align: center;
  font-size: 0.3125rem; }

.order_goods {
  background-color: #fff;
  padding: 0 0.3125rem; }
  .order_goods .order_list {
    font-size: 0;
    padding-top: 0.3125rem; }
    .order_goods .order_list .goods_avatar {
      width: 20%;
      display: inline-block;
      vertical-align: middle;
      text-align: center; }
      .order_goods .order_list .goods_avatar img {
        width: auto;
        max-width: 100%;
        vertical-align: middle;
        max-height: 100px; }
    .order_goods .order_list .goods_dec {
      font-size: 0.34375rem;
      padding-left: 10px;
      width: 80%;
      display: inline-block;
      vertical-align: middle; }
      .order_goods .order_list .goods_dec:after {
        content: "";
        margin-top: 0.3125rem;
        width: 100%;
        border-bottom: 1px solid #eeeeee;
        display: block; }
      .order_goods .order_list .goods_dec .title,
      .order_goods .order_list .goods_dec .capacity {
        word-break: break-all;
        overflow: hidden;
        color: #412e6f;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: normal; }
      .order_goods .order_list .goods_dec .capacity {
        margin-top: 0.07813rem; }
      .order_goods .order_list .goods_dec .capacity,
      .order_goods .order_list .goods_dec .count {
        color: #908da1; }
      .order_goods .order_list .goods_dec .goods_dec_num {
        line-height: 0.625rem; }
      .order_goods .order_list .goods_dec .price {
        color: #e36cba; }
      .order_goods .order_list .goods_dec .count {
        float: right; }
  .order_goods .all_goods_cpunt {
    background-color: #fff; }

.mui-btn-info {
  background-color: #f56c6c;
  color: #ffffff;
  border: none;
  height: 0.78125rem;
  line-height: 1;
  font-size: 0.3125rem; }
  .mui-btn-info:active {
    opacity: 0.8;
    background-color: #f56c6c !important; }
  .mui-btn-info.mui-btn-outlined {
    border: 1px solid #f56c6c;
    color: #f56c6c;
    background-color: #fff; }

.mui-btn-gray {
  background-color: #e4e3ec;
  color: #908da1;
  border: none;
  height: 0.78125rem;
  line-height: 1;
  font-size: 0.3125rem; }
  .mui-btn-gray:active {
    opacity: 0.8;
    background-color: #e4e3ec !important; }
  .mui-btn-gray.mui-btn-outlined {
    border: 1px solid #e4e3ec;
    color: #e4e3ec;
    background-color: #fff; }

.order_error {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }
  .order_error img {
    width: 80%;
    margin: 0 auto;
    display: block; }
  .order_error p {
    margin-top: 0.78125rem;
    color: #908da1; }

.error {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }
  .error img {
    width: 80%;
    margin: 0 auto;
    display: block; }
  .error p {
    margin-top: 0.78125rem;
    color: #908da1; }

.mui-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
  background-color: rgba(0, 0, 0, 0.3) !important; }

.dialog {
  width: 72%;
  height: 7.8125rem;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 999;
  background-color: #ffffff;
  border-radius: 5px; }
  .dialog img {
    max-width: 100%;
    max-height: 100%; }
  .dialog .close {
    position: absolute;
    right: 0.39063rem;
    top: 0.39063rem;
    width: 0.42188rem;
    height: 0.42188rem; }
  .dialog .dialog_body {
    margin-top: 1.64063rem; }
    .dialog .dialog_body .img {
      height: 0.78125rem; }
    .dialog .dialog_body .title {
      color: #7461aa;
      height: 0.46875rem;
      line-height: 0.46875rem;
      font-size: 0.46875rem;
      margin-top: 0.54688rem; }
    .dialog .dialog_body .text {
      color: #908da1;
      height: 0.34375rem;
      line-height: 0.34375rem;
      font-size: 0.34375rem;
      margin-top: 0.54688rem;
      padding: 0rem 0.39063rem 0rem 0.39063rem; }
  .dialog .dialog_footer {
    width: 57%;
    height: 0.9375rem;
    margin: 0 auto;
    margin-top: 1.32813rem;
    border-radius: 5px;
    line-height: 0.9375rem;
    color: #fff;
    background-color: #f56c6c;
    display: flex;
    justify-content: center;
    align-items: center; }
    .dialog .dialog_footer img {
      margin-right: 5px; }

.share-img {
  width: 70%;
  z-index: 22222222;
  position: fixed;
  top: 20px;
  right: 20px; }

.preheating {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.85) !important;
  width: 100%;
  height: 100%; }
  .preheating .img_p {
    width: 100%;
    max-height: 100%;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    overflow: auto;
    text-align: center; }
    .preheating .img_p .close {
      position: absolute;
      top: 0.3125rem;
      right: 0.3125rem;
      width: 0.78125rem;
      height: 0.78125rem;
      background: url(../img/close.png) no-repeat center center;
      background-size: 0.39063rem 0.39063rem;
      background-color: rgba(0, 0, 0, 0.5) !important;
      border-radius: 0.78125rem; }
      .preheating .img_p .close img {
        max-width: 100%;
        max-height: 100%; }
    .preheating .img_p img {
      max-width: 100%;
      margin: 0 auto; }

.mui-progressbar {
  width: 2.1875rem !important;
  height: 0.34375rem !important;
  line-height: 0.3125rem !important;
  background-color: #fff !important;
  border: 1px solid #e36cba;
  border-radius: 8px !important;
  text-align: center;
  color: #e36cba;
  font-size: 0.21875rem; }
  .mui-progressbar span {
    background-color: rgba(227, 108, 186, 0.2) !important;
    transition: 800ms !important; }

html,
body {
  background-color: #fafafa !important;
  height: 100%; }

#app .nav_logo {
  /* 使用webkit内核的浏览器 */
  /* Firefox版本4-18 */
  /* Firefox版本19+ */ }
  #app .nav_logo .nav_logo_image {
    width: 90%;
    margin-top: 0.70313rem; }
  #app .nav_logo .contact {
    margin-left: 20px;
    margin-right: 20px;
    height: 0.78125rem;
    line-height: 0.78125rem;
    position: relative; }
    #app .nav_logo .contact .xian {
      position: absolute;
      top: 0.40625rem;
      width: 100%;
      height: 0.03125rem;
      background-color: #c0c4cc;
      z-index: 1; }
    #app .nav_logo .contact .text {
      position: absolute;
      left: 50%;
      z-index: 2;
      margin-left: -2.34375rem;
      padding: 0 0.625rem;
      height: 0.78125rem;
      line-height: 0.78125rem;
      color: #c0c4cc;
      background-color: #fafafa;
      width: 4.6875rem;
      font-size: 0.3125rem; }
  #app .nav_logo .nav_form .nav_form_div {
    height: 0.9375rem;
    border: 1px solid #E6A23C;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: right;
    line-height: 0.9375rem;
    border-radius: 5px; }
    #app .nav_logo .nav_form .nav_form_div .nav_form_div_label {
      float: left;
      color: #606266;
      margin-left: 15px;
      font-size: 0.34375rem;
      line-height: 0.90625rem;
      font-family: '微软雅黑'; }
    #app .nav_logo .nav_form .nav_form_div .nav_form_div_input {
      width: 70%;
      float: right;
      border: none;
      outline: none;
      height: 0.78125rem;
      line-height: 0.78125rem;
      margin-right: 10px;
      margin-top: 0.07813rem;
      font-size: 15px;
      text-align: right;
      background-color: #fafafa;
      padding: 0 !important; }
  #app .nav_logo .testarea {
    border-radius: 5px;
    color: #c0c4cc; }
  #app .nav_logo ::-webkit-input-placeholder {
    color: #c0c4cc;
    font-size: 0.34375rem; }
  #app .nav_logo :-moz-placeholder {
    color: #c0c4cc;
    font-size: 0.34375rem; }
  #app .nav_logo ::-moz-placeholder {
    color: #c0c4cc;
    font-size: 0.34375rem; }
  #app .nav_logo :-ms-input-placeholder {
    color: #c0c4cc;
    font-size: 0.34375rem; }
